<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>头部公共部分</title>
</head>
<body>
<!--右边侧边栏-->
<div id="sidebarR">
    <div class="shoppingCar">
        <span class="iconfont">&#xe614;</span>
        <span class="carText">购物车</span>
        <span class="carNum">0</span>
    </div>
    <div class="list">
        <ul>
            <li class="iconfont" tips="">&#xe65f;</li>
            <li class="iconfont" tips="">&#xe656;</li>
            <li class="iconfont" tips="">&#xe652;</li>
            <li class="iconfont" tips="">&#xe648;</li>
            <li class="iconfont" tips="">&#xe65b;</li>
        </ul>
    </div>
    <div class="desc">我的收藏</div>

</div>
<!--左边侧边栏-->
<!--头部-->
<div id="header_back">
    <div id="header">
        <div class="shoucang">
            <span class="iconfont span1">&#xe60e;</span>
            <a href="#">收藏丽子</a>
        </div>
        <div class="help">
            <a href="#">帮助中心</a>
        </div>
        <div class="guanzhu">
            <a class="gz" href="#">关注我们</a>
            <span class="iconfont">&#xe64d;</span>
            <div class="guanzhu-bg">
                <div class="list">
                    <a>
                        <img src="../images/gz-weibo.jpg"/>
                    </a>
                </div>
            </div>
        </div>
        <div class="denglu">
            <a href="#">登陆</a><span> | </span>
            <a href="#">免费注册</a>
        </div>
    </div>
</div>
<!--搜索框-->
<div id="search_back">
    <div id="search">

        <div class="logo">
            <a href="#">
                <img src="../images/logo.png">
            </a>
        </div>
        <div class="search">
            <div class="goSearch">
                <input class="txt" type="text" placeholder="请输入商品或品牌"/>
                <input class="sub" type="submit" value=""/>
            </div>
            <ul>
                <li>热搜榜：</li>
                <li><a class="colorChange" href="#">悦诗风云</a></li>
                <li><a href="#">防晒</a></li>
                <li><a class="colorChange" href="#">兰芝</a></li>
                <li><a href="#">面膜</a></li>
                <li><a class="colorChange" href="#">化妆水</a></li>
                <li><a href="#">唇膏/口红</a></li>
                <li><a class="colorChange" href="#">BB霜</a></li>
                <li><a href="#">促销</a></li>
            </ul>
        </div>
        <div class="shoppingCar">
            <div class="container">
                <span class="iconfont">&#xe614;</span>
                <a href="#">购物车</a>
                <span class="iconfont span2">&#xe64a;</span>
            </div>
        </div>
    </div>
</div>
<!--导航-->
<div id="ban_back">
    <div id="ban">
        <ul>
            <li class="sort">
                <a href="#">
                    <span class="iconfont">&#xe607;</span>
                    全部商品分类
                </a>
            </li>
            <li>
                <a href="#">60秒闪购</a>
            </li>
            <li>
                <a href="#">100%正品</a>
            </li>
            <li>
                <a href="#">手机丽子</a>
            </li>
        </ul>
    </div>
</div>

<!--js引入-->
<script src="../js/index.js"></script>
</body>
</html>